<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>IDoc</title>
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/chrome-bootstrap/1.5.0/chrome-bootstrap.min.css">
    <link href="http://apps.bdimg.com/libs/fontawesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.js"></script>
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <script src="${contextPath}public/js/common.js"></script>
    <script src="${contextPath}public/js/cta.min.js"></script>
    <style>
        html {
            position: relative;
            min-height: 100%;
        }

        body {
            /* Margin bottom by footer height */
            margin-bottom: 60px;
        }

        .footer {
            position: absolute;
            bottom: 0;
            width: 100%;
            /* Set the fixed height of the footer here */
            height: 40px;
        }

        .list-group .active {
            background-color: #167476;
        }

        .list-group .active:hover {
            background-color: #0d5e54;
        }
        #bg {
            position:fixed;
            top:0%;
            left:0%;
            width:100%;
            height:100%;
        }
        #bg img {
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            margin:auto;
            min-width:100%;
            min-height:100%;
        }
    </style>
</head>
<!--3cb269-->
<body style="background-color: #e3e3e3;">
<img id="bg" src="${contextPath}public/img/bg.jpg" alt=""/>
<nav class="navbar navbar-inverse navbar-fixed-top" style="background-color: #2ea47c;border-bottom:5px solid #85b37d;opacity: 0.85;">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand " href="${contextPath}" style="color: white;">iDoc</a>

        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <% if(isLogin){ %>
            <div class="navbar-form navbar-right">
                <div class="form-group">
                    <button class="btn btn-default" onclick="location.href='${contextPath}logout.html'"><i class="fa fa-power-off fa-fw"></i>注销登陆</button>
                </div>
            </div>
            <% } %>
            <% if(isLogin == false){ %>
            <form class="navbar-form navbar-right" method="post" action="${contextPath}login.html">
                <div class="form-group">
                    <input type="text" placeholder="UserName" name="userName" class="form-control">
                </div>
                <div class="form-group">
                    <input type="password" placeholder="Password" name="passWord" class="form-control">
                </div>
                <button type="submit" class="btn btn-success">Sign in</button>
            </form>
            <% } %>
        </div>
        <!--/.navbar-collapse -->
    </div>
</nav>

<div class="container" style="margin-top: 100px;position: relative;">
